@charset "utf-8";
/*!
 * Copyright 2016 zoshine
 * Auther zhangt
*/
/*====================================================
	base styles
====================================================*/
.main-container,.page-container,.page-content{height: 100%;}
iframe{ width: 100%; height: 100%; min-height: 100%; border: none; }
html,
body { color: #333; line-height: 1.5em; position: relative;background-color: #f7f7f7; font-family: "Helvetica", "Microsoft YaHei","Arial" ,"sans-serif"; height: 100%; }
a {color: #333;outline: none;}
a:hover {color: #333;text-decoration:none}
a:focus{text-decoration:none}
a:active, a:focus,a img {outline: none;}
ul,ol,li{padding: 0;margin: 0;list-style: none;}
i,em {font-style: normal; }
label{font-weight:normal}

/*====================================================
	 shared styles
====================================================*/
/* 滚动条样式 */
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar{
    width: 6px;
    height:100%;
    background-color: #f5f5f5;
}
/*定义滚动条的轨道，内阴影及圆角*/
::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius:4px;
    background-color: #f5f5f5;
}
/*定义滑块，内阴影及圆角*/
::-webkit-scrollbar-thumb{
    /*width: 10px;*/
    height: 20px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #e6e6e6;
}
/* 浮动类 */
.fl-left{ float: left;}
.fl-right{float:right;}
/* 按钮图标样式 */
.toolbar .btn>.fa{
    margin-left: 4px;
    margin-right: 4px;
}
/* 左侧栏样式调整 */
.page-sidebar .sidebar-menu>li>.submenu{
    box-shadow: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.page-sidebar .sidebar-menu .submenu>li .submenu{
    border:0;
}
.page-sidebar .sidebar-menu>li>.submenu>li.active:first-child a{
    box-shadow: none;
}
/* 个人设置 style */
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li>a:hover{background-color: #f5f5f5;}
/* 模态框 iframe 页面 */
.modal-dialog{width:80%;min-width:600px; height: 60%; border-radius:4px; padding: 0; top: 10%;}
.modal-content{height:100%; position: relative; box-shadow:0 0 10px #333; overflow: hidden;}
.modal-header{background-color: #2dc3e8; color: #fff;  }
.modal-header:hover{ cursor:move;}
.modal-body{height: 100%; padding:0;}
.modal-footer{position: absolute; width: 100%; overflow: hidden; bottom: 0;}
.modal-box{ background-color: #fff; position: relative;}
/* 模态框内 iframe 页面样式  */
.container-fluid{
    background: #fff;
    height: 100%;
}
.form-horizontal{ padding:10px; background-color: #fff; overflow: hidden; height: 100%;}
/* 模态框下拉列表 */
.dd{padding:0;}
.dd-list>li.dd-item>.dd-handle{border:none;}
.dropdown .dropdown-menu{ border: none; margin: 0 15px; width:100%; padding: 0; border:0 !important; }
.dropdown a.btn-default{width:100%; text-align: left;}
.dropdown a.btn-default .caret{float:right; margin-top:7px;}
.dd-handle, .dd2-content{ margin: 2px 0;}
.dropdown-checkbox{ float:left;}
.storage-pop{
    position: fixed;
    width:280px;
    right:0;
    bottom: 50px;
    border: 1px solid #ddd;
    padding: 12px;
    box-shadow: 0 5px 5px rgba(0,0,0,.3);
    background-color: #fff;
}
.storage-pop .pop-title{
    border-bottom: 1px solid #eee;
    margin: 0 -12px;
    padding: 0 12px;
}
.storage-pop .pop-title h3{
    margin-top: 0;
    margin-bottom: 20px;
}
.storage-pop .pop-content{
    padding: 12px 0;
}
.storage-pop .pop-list{
    height: 500px;
    overflow: auto;
}
.storage-pop .pop-item{
    overflow: hidden;
    padding: 12px 0;
    border-bottom:1px solid #ddd;
}
.storage-pop .pop-item-pic{
    width: 80px;
    float: left;
}
.storage-pop .pop-item-desc{
    width: 170px;
    float: right;
}
.storage-pop .pop-item-desc .quantity-info{
    float: left;
    width: 50px;
    line-height: 34px;
}
.storage-pop .pop-item-desc .spinner{
    float: left;
    width: 80px;
}
.storage-pop .pop-item-price{
    line-height: 34px;
}
.storage-pop .pop-handler-right{
    font-size: 15px;
    color: #2dc3e8;
    float: right;
}
.storage-pop .pop-price{
    color: #2dc3e8;
    padding: 0 6px;
}


/*改变弹出框大小时的遮罩，防止鼠标获取到iframe页面的内容*/
.ui-resizable .draggable-mask {
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.ui-resizable.ui-resizable-resizing .draggable-mask {
    display: block;
}
/*弹出框加载子页面时显示的加载动画*/
.modal-body .loading {
    position: relative;
    width: 100%;
    height: 100%;
}
.modal-body .loading img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -64px;
    margin-top: -64px;
}
/********* table styles ***********/
.toolbar{ overflow: hidden;}
.table>thead>tr>.success, .table>tbody>tr>.success, .table>tfoot>tr>.success, .table>thead>.success>td, .table>tbody>.success>td, .table>tfoot>.success>td, .table>thead>.success>th, .table>tbody>.success>th, .table>tfoot>.success>th {
    color: #333;
}
.table>tbody>tr:hover{cursor:pointer;}
.table-bordered>tbody>tr>td{ vertical-align: middle;}
input[type=checkbox], input[type=radio] { position: inherit; opacity: inherit; vertical-align: middle;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{vertical-align: middle; text-align: center; border-right: 0;border-left: 0; line-height: 36px;}
.td-describe{ padding-right: 0;}
.td-quantity{ max-width:50px;}
/* 筛选 table */
.select-table{overflow: hidden; padding-bottom: 15px; }
.select-table .control-label{float: left; line-height: 34px; min-width: 90px;}
/* 选择框 */
input[type=checkbox], input[type=radio] { position: inherit; opacity: inherit; vertical-align: middle;left:inherit; margin-left:0;width: 15px; height: 15px; }
/** 分页 **/
#pagination{text-align: right; }
.pagination{ overflow: hidden; margin: 20px 0 15px; padding-right: 10px;}

/* 按钮 */
.input-icon{ width: 100%; }
.input-icon>[class*="glyphicon-"]{ right: 0; left: inherit;}
.input-icon>input.input-sm{ padding-right: 32px; padding-left: 6px;}
.con-receipt{color: #2dc3e8;}
.con-receipt:hover{
    color: #30a1e8;
}
.order_history{ }
.order_history li{ padding:15px; margin: -15px 0; border-top: 1px solid #f3f3f3;}
.subtopic-text{ font-size:14px; color:#c6c6c6; font-weight: 100;}
.dim-text{ font-size: 12px; color: #c6c6c6; font-weight:100;}

/* page-body样式 */
.page-body{
    padding: 0;
}
.panel-primary{border-color: #ddd; border:0;}
.panel-primary>.panel-heading{border-color:#ddd; color: #b5b5b5;background-color:#f5f5f5!important;}

/* 添加商品图片 */
.add-img{ width: 120px; height:100px; margin: 10px;border: 1px solid #f5f5f5; }
/*grid table*/
.grid-table .search-content {
    display: none;
    border: 1px solid #ddd4b0;
    position: absolute;
    left: 100px;
    top: 150px;
    right: 100px;
    height: auto;
    padding-bottom: 20px;
    z-index: 10;
    box-shadow: 0 5px 5px rgba(0,0,0,.3);
}

.grid-table .search-content button {
    margin-left: 10px;
}
.grid-table .toolbar {
    margin: 5px;
}
.grid-table .toolbar button[data-menu-id] {
    display: none;
}
.table-size{ min-height:600px; max-height:660px; overflow: auto;}
/*  表单验证信息  */
.form-group{
    margin-bottom: 18px ;
}
.help-block{
    position:fixed;
    margin: 0;
}
/* lable */
.left-label{ padding:0 12px;}

/* 页脚结算 */
.widget-footer{background-color:#eee; position: fixed; bottom:0; height: 50px; width: 100%;}
.widget-footer a{ line-height:50px;display: inline-block; }
.footer-account{ background-color:#5db2ff; color:#fff; font-size: 16px;padding: 0 50px; }
.footer-account:hover{ background-color: #4faaff; color: #fff; }
.footer-statistics{padding: 0 12px; color: #666;}
.footer-statistics-number{ padding: 0 6px; color: #5db2ff }
.widget-footer .fa-angle-double-up{color:#5db2ff;}
.footer-all{ padding: 0 24px; }
.footer-del{padding: 0 12px;}
.footer-all [type="radio"]{ margin-top: 0;}


/*====================================================
	 addCommodity styles
====================================================*/

.widget-body{
    height: 100%;
    box-shadow: none;
}
.widget-hint{
    background-color: #f8efc0;
    color: #8a6d3b;
}
.widget-hint span{
    margin-left: 6px;
    margin-right: 30px;
}
.widget-hint .widget-details{
    float: right;
    height: 100%;;
    padding: 0 20px;
    color: #8a6d3b;
}
.tab-content{
    padding: 0;
    height: 96%;
}
.tab-content .tab-pane{
    height: 100%;
}
.nav-tabs>li>a{
    font-size: 15px;
    padding:15px 20px;
}

.add-modity{
    background-color:#fff;
    border-top: 1px solid #eee;
    height: 100%;
    padding-top: 10px;
}
.add-modity .history-list{
    float: right;
    font-size: 12px;
    padding: 6px;
    color: #5db2ff;
    cursor: pointer;
}
.add-modity .right-modity{
    height: 100%;
    overflow-y: auto;
    padding-bottom: 30px;
}
.add-modity .ct-product {
    text-align: center;
    margin-bottom: 30px;
}
/*.ct-product:hover{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16); }*/
/*.ct-product:hover .inner {*/
    /*background: #5db2ff;*/
/*}*/
/*.add-modity .ct-product:hover .inner *,*/
/*.add-modity .ct-product:hover .inner .ct-product-price {*/
    /*color: #fff;*/
/*}*/
.add-modity .ct-product .image img {
    width: 100%;
}
.add-modity .ct-product .inner {
    -webkit-transition: background 0.25s ease;
    transition: background 0.25s ease;
    position: relative;
    padding:0;
}
.add-modity .ct-product .inner .btn {
    position: absolute;
    width: 55px;
    height: 55px;
    line-height: 46px;
    text-align: center;
    background: #5db2ff;
    padding: 0;
    border: 5px solid #fff;
    border-radius:50%;
    font-size:35px;
    left:0;
    right:0;
    top:0;
    margin: -27.5px auto 0;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.add-modity .ct-product .inner .btn:hover {
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
.add-modity .ct-product .inner .btn:hover:active {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.add-modity .ct-product .inner .btn i {
    position: relative;
    left: 2px;
    font-size:30px;
    color:#fff;
}
.add-modity .ct-product .inner .ct-product-title {
    font-size: 18px;
    font-weight: bold !important;
    text-transform: uppercase;
    margin-bottom: 15px;
    text-align: center;
}
.add-modity .ct-product .inner .ct-product-price {
    margin-top: 10px;
    color: #5db2ff;
    display: block;
}
.add-modity .widget {
    background: #fff;
    padding: 0 15px 15px;
}
.add-modity .ct-cart-empty {
    padding-top: 20px;
    color:#b5b5b5;
}
.add-modity .ct-cart {
    position: relative;
}
.add-modity .ct-cart:before,
.add-modity .ct-cart:after {
    content: '';
    display: table;
    clear: both;
}
.add-modity .ct-cart .ct-cart-total:before {
    /*content: '总价: ';*/
    /*padding-right: 10px;*/
}
.add-modity .ct-cart ol {
    list-style: none;
    padding: 20px 0;
    overflow-y: auto;
    max-height: 360px;
}
.add-modity .ct-cart ol li {
    position: relative;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}
.add-modity .ct-cart ol li:first-child {
    border-top: 1px solid #eee;
}
.add-modity .ct-cart .ct-cart-remove{
    position: absolute;
    top: 6px;
    right: 10px;
    width: 25px;
    height: 25px;
    background: transparent;
    border: none;
    color: #5db2ff;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.add-modity .ct-cart .ct-cart-sum{
    overflow: hidden;
    margin-top: 16px;
}
.add-modity .ct-cart .ct-cart-amount{
    float: right;
    margin-right: 38px;
}
.add-modity .ct-cart .ct-cart-amount button{
    padding: 0;
    margin: 0;
    border: 1px solid #f5f5f5;
    height: 24px;
    width: 24px;
    vertical-align: middle;
    text-align: center;
    color: #bbb;
    outline:none;
}
.add-modity .ct-cart .ct-cart-amount button:hover{
    background-color:#5db2ff;
    color: #fff;
}

.add-modity .ct-cart .ct-cart-amount button span{
    display: inline-block;
    margin-top: 2px;
    margin-right: 0;
    font-size: 14px;
}

.add-modity .ct-cart .ct-cart-amount .ct-cart-input{
    height:23px ;
    border: 0;
}
.add-modity .ct-cart ol li button:hover {
    background: #5db2ff;
    color: #fff;
}
.add-modity .ct-cart ol li .ct-cart-name {
    display: block;
}
.add-modity .ct-cart ol li .ct-cart-price {
    float:left;
    color: #5db2ff;
    border: none;
    line-height: 23px;
}
.add-modity .ct-cart ol li input {
    width: 36px;
}
.add-modity .ct-cart ol li .ct-cart-price:after {
    content: 'x';
    padding: 0 10px;
}
.add-modity .ct-cart .ct-cart-checkout,
.add-modity .ct-cart .ct-cart-clear {
    width: 45%;
    padding: 10px 0;
    border: none;
    color: #fff;
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
.add-modity .ct-cart .ct-cart-checkout:hover,
.add-modity .ct-cart .ct-cart-clear:hover {
    background: #5f5f5f;
}
.add-modity .ct-cart .ct-cart-checkout {
    float: right;
    background: #5db2ff;
}
.add-modity .ct-cart .ct-cart-clear {
    float: left;
    background: #00c680;
}
.add-modity .ct-cart-empty {
    padding-top: 0;
    bottom: auto;
    top: -30px;
    left: 1px;
    text-align: left;
}

/*====================================================
	 accountDetail styles
====================================================*/
.accordion-detail .more-table{
    font-size: 12px;
    color: #5db2ff;
}
.accordion-detail .profile-working{
    float: right;
    margin-top: 27px;
}
.accordion-detail .accordion-balance{
    font-size: 18px;
    font-weight: bold;
    color: #5db2ff;
    float: right;
}
.accordion-detail .card-numbers{
    float: right;
}
.accordion-detail .stats-title{
    padding-top: 16px;
}
.accordion-detail .value-unit{
    text-align: right;
    vertical-align: top;
    font-size: 12px;
}

/*控制窗口小于768时label的样式*/
@media (max-width: 767px) {
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right;
    }
}


/*临时用的样式*/
input[type='radio'] {
    left: 20px;
}
.modal-body {
    position: absolute;
    top: 47px;
    bottom: 58px;
    left: 0;
    right: 0;
    height: auto;
}
.modal-body iframe {

}
.modal-body .msg-content{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 20px;

}
.toast-top-center-margin-top {
    margin-top: 150px;
}

/*  form 表单验证 */
/*.help-block{ position: absolute;  margin:0; font-size: 12px;}*/

/* 政策页面 */
.article-herd{ text-align: center;}
.article-herd .sub-title span{
    margin: 0 20px;
    color: #b5b5b5;
}
.article .content{
overflow: hidden;
padding-top: 20px;
border-top: 1px solid #ddd;
}
.article .content p{
    font-size: 14px;
    text-indent:25px;
    line-height: 2em;
}
.article nav{
    text-align: right;
    margin-right: 50px;
}


















